<html xmlns:th="http://www.thymeleaf.org">
<!DOCTYPE html>
<html lang="en">

<head th:replace="common/common_header :: common_header(~{::title},~{::link},~{})">

    <meta charset="UTF-8">
    <title>远程服务器列表</title>


</head>
<body>
<div class="bg">

    <h1>XIAO BU FOREVER</h1>

    <!--模态框loading-->
    <div class="modal fade" id="loading" data-backdrop="static" data-keyboard="false"
         tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="loading">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <!--模态框loading-->

    <!--模态框-->
    <!-- Button trigger modal -->
    <!--<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
        Launch demo modal
    </button>-->

    <!-- Modal -->
    <!--
    取消边缘或者esc关闭
    方法一：使用modal方法
    $("#dialog-modal").modal({
    　　backdrop: "static",//点击空白处不关闭对话框
    　　show:false, // 按esc键盘不关闭.
    })
    方法二：在弹框元素上 添加属性
    <div id="dialog-modal" data-backdrop="static"' +
        ' data-keyboard="false">
    -->
    <div class="modal fade" id="exampleModal" data-backdrop="static" data-keyboard="false"
         tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalHead">我是标题4</h4>
                </div>

                <!--滚动条-->
                <div data-spy="scroll" data-target="#navbar-example2" data-offset="0" class="scrollspy-example"
                     id="scrollspy">
                    <!--滚动条-->
                    <div class="modal-body" id="modalBody">
                        <!--显示内容-->
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal"
                            onclick="clearInterval(msgInterVal);freshMsgIsOn = false;">Close
                    </button>
                    <button type="button" class="btn btn-primary" id="pause">暂停</button>
                </div>
            </div>
        </div>
    </div>
    <!--模态框-->
    <!--模态框2-->
    <div class="modal fade" id="configModal" data-backdrop="static" data-keyboard="false"
         tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content" style="margin: 0 auto;width: 65%">
                <!--       <div class="modal-header">
                       </div>-->
                <div class="modal-body">
                    <label><h4>全局配置</h4></label>
                    <br/>
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon2">MAVEN_HOME:</span>
                        <input type="text" class="form-control" placeholder="D:/work/Env/apache-maven-3.5.3"
                               id="mavenHome" disabled>
                    </div>
                    <br/>
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon3">PROJECT_BASE_DIR:</span>
                        <input type="text" class="form-control"
                               placeholder="E:\workspace\idea\ticket_branches\20200408-v2.1.5"
                               id="projectBaseDir">
                    </div>
                    <br/>
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon4">TIME_BETWEEN:</span>
                        <input type="number" class="form-control deal" placeholder="5" min="0"
                               id="timeBetween">
                        <span class="input-group-addon">分钟</span>
                    </div>
                    <br/>
                    <label>
                        <h4>服务器配置</h4>
                    </label>
                    <button onclick="addConfig()" type="button" class="btn btn-primary " style="float: right;">
                        添加配置
                    </button>
                    <div class="" style="width:100%">

                        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

                        </div>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary" id="confirm" onclick="configModify()">修改</button>

                </div>
            </div>
        </div>
    </div>
    <!--模态框2-->


    <div class="form-group">
        <!--模态框 显示选中的列表数据-->
        <!-- Button trigger modal -->
        <!--    <label  th:text="|搜索的远程服务位置为${searchPath},请选择要更新的服务|"></label>-->
        <label id="labelHead"></label>
        <!--导航条模块-->
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-brand" id="project">Navbar</div>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
<!--                        <li><a href="/remote/project">HOME <span class="sr-only">(current)</span></a></li>-->
<!--                        <li><a class="glyphicon glyphicon-refresh" th:href="@{/remote/project}"></a></li>-->
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                               aria-haspopup="true"
                               aria-expanded="false">切换系统 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                            </ul>
                        </li>
                        <li><a href="#" onclick="openConfigModal()">修改配置参数 </a></li>
                    </ul>
                    <form class="navbar-form navbar-right">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Search" id="search"
                                   oninput="filterList(this.value.trim())">
                        </div>
                    </form>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
        <!--导航条模块-->
        <!--表单模块 /remote/save-->
        <div>
            <select multiple class="form-control" id="servers" th:name="idList">
            </select>
            <button type="button" class="btn btn-primary" onclick="submitServerList()">
                确认提交
            </button>
        </div>
        <!--表单模块-->
    </div>
</div>

<!--这个不能闭合标签 不能加载不出来-->
<!--<script th:src="@{/assets/js/sys/jquery-3.4.1.min.js}" type="text/javascript"></script>-->
<!--<script th:src="@{/assets/js/sys/bootstrap.min.js}" type="text/javascript"></script>-->

<!--&lt;!&ndash;    先说本文的结论，在xxx.html文件中，加入以下的类似代码，必须加上th:inline="javascript"-->
<!--属性值表示可以使用内联 js ，即可以在 js 代码中使用 [空[...]空]取值，否则报错。即能够可靠的实现：&ndash;&gt;-->
<!--<script th:src="@{/assets/js/public/loading.js}" type="text/javascript"></script>-->
<!--<script th:src="@{/assets/js/public/jquery.bootstrap-growl.min.js}" type="text/javascript"></script>-->
<!--<script th:src="@{/assets/js/public/bootstrap-notify.min.js}" type="text/javascript"></script>-->

<div th:replace="common/common_foot :: foot"></div>

<script th:src="@{/assets/js/remote/remote_project/ajaxFunction.js}" type="text/javascript"></script>
<script th:src="@{/assets/js/remote/remote_project/innerFunction.js}" type="text/javascript"></script>
<script th:src="@{/assets/js/remote/remote_project/remote_project.js}" type="text/javascript"></script>
<script th:src="@{/assets/js/public/notify.js}" type="text/javascript"></script>

</body>
</html>
</html>